﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       media-queries.css

Author:     freshangle.co.uk

Version:    1.0

Purpose:    This is a reference file for when you neeed to grab a media query definition to your clipboard, 
            along with some maths...
    

*/


/*set a max-width in ems to approximate the pixel-based width 
	by dividing the desired width of (ie 960px ) by base font-size (16px) = 60em...*/
 
      

/* MOBILE */
@media only screen and (min-width: 0px)	  {		 
}
/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {		
}
/* SMALL TABLET */
@media only screen and (min-width: 600px) {      
}
/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) {      
}
/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) {     
 }
/* DESKTOP */
@media only screen and (min-width: 1280px) {     
}
/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) {	                                             	 
}